@extends('layouts.app')

@section('title')

@section('styles')
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!-- Google Webfont -->
    <!--<link href='http://fonts.useso.com/css?family=Lato:300,400|Crimson+Text' rel='stylesheet' type='text/css'>-->
    <!-- Themify Icons -->
    <link rel="stylesheet" href="static/css/themify-icons.css" />
    <!-- Bootstrap -->
    <link rel="stylesheet" href="static/css/bootstrap.css" />
    <!-- Owl Carousel -->
    <link rel="stylesheet" href="static/css/owl.carousel.min.css" />
    <link rel="stylesheet" href="static/css/owl.theme.default.min.css" />
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="static/css/magnific-popup.css" />
    <!-- Superfish -->
    <link rel="stylesheet" href="static/css/superfish.css" />
    <!-- Easy Responsive Tabs -->
    <link rel="stylesheet" href="static/css/easy-responsive-tabs.css" />
    <link rel="stylesheet" href="static/css/course_style.css" />
    <!-- jQuery -->
    <script src="static/js/jquery-1.10.2.min.js"></script>
    <!-- Theme Style -->
    <link rel="stylesheet" href="static/css/style.css" />
    <script src="js/modernizr-2.6.2.min.js"></script>
    <script src="js/respond.min.js"></script>
@stop

@section('content')
    <style>
        #fh5co-primary-menu li>a{
            color: #777777;
        }
        .center{
            display: flex;
            height: 634px;
            //background: #0a6999;
            margin: 100px 0 15px 0;
            border: 1px solid #d9d5d5;
            box-shadow:0px 0px 10px 5px #dcd4d4;
        }
        .main-tit h2{
            padding-left: 30px;
        }
        .inner-box .dl-list dl dd .input {
            height: 36px;
        }
    </style>
    <div class="center">
        <div class="section clearfix">
            <!--用户注册-->
            <link href="/app/ui-dialog.css" rel="stylesheet" type="text/css" />
            <link href="/app/style.css" rel="stylesheet" type="text/css" />
            <link rel="stylesheet" href="/app/validate.css" />
            <script type="text/javascript" charset="utf-8" src="/app/jquery.form.min.js"></script>
            <script type="text/javascript" charset="utf-8" src="/app/Validform_v5.3.2_min.js"></script>
            <script type="text/javascript" charset="utf-8" src="/app/register-validate.js"></script>
            <div class="main-tit">
                <h2>会员登陆</h2>
            </div>
            <div class="inner-box">
                @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <div class="mt-2"><b>有错误发生：</b></div>
                        <ul class="mt-2 mb-2">
                            @foreach ($errors->all() as $error)
                                <li><i class="glyphicon glyphicon-remove"></i> {{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <form id="regform" method="POST" action="{{ route('login') }}">
                    @csrf
                    <div class="dl-list">
                        <dl>
                            <dt>
                                帐&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：
                            </dt>
                            <dd>
                                <input id="txtUserName" name="name" type="text" class="input txt Validform_error" placeholder="输入登录用户名" datatype="s3-20" nullmsg="请输入登录的用户名" value="{{ old('name') }}"  />
                                {{--                                ajaxurl="/tools/submit_ajax.ashx?action=validate_username"--}}
                                <span class="Validform_checktip Validform_wrong">请输入登录的帐号</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：
                            </dt>
                            <dd>
                                <input id="txtPassword" name="password" type="password" class="input txt" placeholder="输入登录密码" datatype="*6-15" nullmsg="请输入登录密码" errormsg="密码范围在6-15位之间" sucmsg=" " />
                                <span class="Validform_checktip">请输入6-15位的登录密码</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd>
                                <input id="" name="" class="btn btn-success" type="submit" value="登陆" />
                            </dd>
                        </dl>
                    </div>
                </form>
            </div>
        </div>
        @stop


        @section('scripts')
            <script src="static/js/jquery.easing.1.3.js"></script>
            <script src="static/js/bootstrap.js"></script>
            <script src="static/js/owl.carousel.min.js"></script>
            <script src="static/js/jquery.magnific-popup.min.js"></script>
            <script src="static/js/hoverIntent.js"></script>
            <script src="static/js/superfish.js"></script>
            <script src="static/js/easyResponsiveTabs.js"></script>
            <script src="static/js/fastclick.js"></script>
            <script src="static/js/main.js"></script>
            <script src="static/js/jquery.easing.1.3.js"></script>
            <script src="static/js/bootstrap.js"></script>
            <script src="static/js/owl.carousel.min.js"></script>
            <script src="static/js/jquery.magnific-popup.min.js"></script>
            <script src="static/js/hoverIntent.js"></script>
            <script src="static/js/superfish.js"></script>
            <script src="static/js/easyResponsiveTabs.js"></script>
            <script src="static/js/fastclick.js"></script>
            <script src="static/js/main.js"></script>
@stop
